<template>

    <CommonContainer title="申请记录">
        <el-timeline>
            <el-timeline-item
                v-for="(item, index) in logs"
                :key="index"
                color="#1890FF"
                placement="top"
                :timestamp="item.createTime">
                <div class="timelineItem">
                    <div>操作人:{{ item.userName }}</div>
                    <div class="recordContent">{{ item.content }}</div>
                </div>

            </el-timeline-item>
        </el-timeline>
    </CommonContainer>
</template>

<script>
export default {
    components: {},
    props: {
        logs:{
            type:Array,
            default:()=>{
                return []
            }
        }
    },
    data() {
        // 这里存放数据
        return {
        }
    },
    // 计算属性 类似于 data 概念
    computed: {},
    // 方法集合
    methods: {},
    // 生命周期 - 挂载完成（可以访问 DOM 元素）
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
.timelineItem {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    .recordContent {
        color: #1890FF;
        margin-top: 8px;
    }
}

::v-deep ul {
    display: block;
    padding-inline-start: 0px;
}
</style>
